#Media queries

[ follow ]
#css
Smashing Magazine
1 month ago
JavaScript

Beyond CSS Media Queries - Smashing Magazine

Media queries remain vital in responsive design despite modern CSS techniques offering additional options for layout adaptation. [ more ]
Cssence
2 months ago
Web design

Superior Range Syntax

The new Baseline 2023 feature introduces a more concise media query range syntax using em units instead of pixels for viewport size.
The range syntax simplifies queries between lower and upper bounds in CSS stylesheets. [ more ]
Csscade
2 months ago
JavaScript

The Cascade

CSS media queries offer versatile options for styling based on viewport size, orientation, JavaScript support, and overflow detection. [ more ]
Sitepoint
2 months ago
Web design

Creating Fluid Typography with the CSS clamp() Function - SitePoint

Using clamp() function in CSS for fluid typography across device sizes. [ more ]
Speckyboy Design Magazine
5 months ago
Web design

Weekly News for Designers 727 - Fixing CLS Problems, CSS One-Line Upgrades, Future Roles for Designers

Using transparent gradients in CSS can achieve a fading effect on text content.
Hover and any-hover media queries are underutilized in CSS for responsive design. [ more ]
Smashing Magazine
1 month ago
JavaScript

Beyond CSS Media Queries - Smashing Magazine

Media queries remain vital in responsive design despite modern CSS techniques offering additional options for layout adaptation. [ more ]
Cssence
2 months ago
Web design

Superior Range Syntax

The new Baseline 2023 feature introduces a more concise media query range syntax using em units instead of pixels for viewport size.
The range syntax simplifies queries between lower and upper bounds in CSS stylesheets. [ more ]
Csscade
2 months ago
JavaScript

The Cascade

CSS media queries offer versatile options for styling based on viewport size, orientation, JavaScript support, and overflow detection. [ more ]
Sitepoint
2 months ago
Web design

Creating Fluid Typography with the CSS clamp() Function - SitePoint

Using clamp() function in CSS for fluid typography across device sizes. [ more ]
Speckyboy Design Magazine
5 months ago
Web design

Weekly News for Designers 727 - Fixing CLS Problems, CSS One-Line Upgrades, Future Roles for Designers

Using transparent gradients in CSS can achieve a fading effect on text content.
Hover and any-hover media queries are underutilized in CSS for responsive design. [ more ]
morecss
Getting started with CSS container queries: a great tutorial by Michelle Barker to discover, understand and start using container queries

#CSS #ContainerQueries
https://t.co/axYQHa35WE
MDN Web Docs
7 months ago
Web development

Getting started with CSS container queries | MDN Blog

Container queries are now supported in all major browsers.
Container queries allow for more robust and flexible layouts without relying solely on media queries. [ more ]
MDN Web Docs
7 months ago
Web development

Getting started with CSS container queries | MDN Blog

Container queries are now supported in all major browsers.
Container queries allow for more robust and flexible layouts without relying solely on media queries. [ more ]
CSS prefers-reduced-transparency: all you need to know about adjusting your UI to people who prefer en opaque UI (might cause headache for some people for example). I love we get more CSS to respect user’s preferences (by @argyleink)

#CSS #UserPreference
https://t.co/dKvx0N7Ofi
Chrome for Developers
8 months ago
Web design

CSS prefers-reduced-transparency - Chrome for Developers

The new media query feature prefers-reduced-transparency allows CSS to adapt the interface for users with reduced transparency preferences.
Reducing transparency can improve accessibility for users with vision deficiencies. [ more ]
Chrome for Developers
8 months ago
Web design

CSS prefers-reduced-transparency - Chrome for Developers

The new media query feature prefers-reduced-transparency allows CSS to adapt the interface for users with reduced transparency preferences.
Reducing transparency can improve accessibility for users with vision deficiencies. [ more ]
[ Load more ]